<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>操作文本</title>
</head>
<body>

<div id="div"><b>百度</b></div>

<!--
    标签体内容操作
        1. 获取
            innerText: 仅仅获取标签体纯文本, 如果有标签, 直接忽略
            innerHTML: 获取标签体HTML代码, 如果有标签, 一并获取

        2. 设值:  替换原来的标签体内容, 不是追加
            innerText: 设置纯文本内容, 如果有标签,浏览器不进行解析, 原样输出
            innerHTML: 设置HTML代码, 如果有标签,浏览器会进行解析
-->
<script>
    var div = document.getElementById("div");
    // 获取标签体内容
    var text = div.innerText;
    //alert(text);
    var html = div.innerHTML;
    //alert(html);

    // 设置
    //div.innerText = "<i>歪了</i>";
    div.innerHTML = "<i>歪了</i>"
</script>
</body>
</html>